/*公共样式--浮动*/
.float-l { float:left;}
.float-r { float:right;}
/*公共样式--间隔*/
.clear1 { clear:both; height:1px}
.p-t-b1 { padding-bottom:0.4em; padding-top:0.5em;}
.p-t-b2 { padding-bottom:0.7em; padding-top:0.2em;}
.p-t-b3 { padding-top:0.2em; padding-bottom:0.2em;}
.p-t-b4 { padding-top:0.7em; padding-bottom:0.7em;}
.p-t-b5 { padding:0.5em 0;}
.p-t-b6 { padding-top:1em; padding-bottom:1em;}
.p-t-b7 { padding:0.7em 0.8em;}
.p-t-b8 { padding-top:0.1em; padding-bottom:0.1em;}
.p-t-b9 { padding:1em 0 0.7em;}
.uinn-p2{ padding-top:0.625em;}
.p-b1 { padding-bottom:0.4em;}
.p-b2 { padding-bottom:1.2em;}
.p-b3 {padding-bottom:2.5em;}
.p-t1 { padding-top:0.3em}
.p-t2 { padding-top:1em}
.p-l-r1 { padding:0 1em;}
.p-l-r2 { padding:0 0.5em;}
.p-l-r3 { padding-left:0.8em; padding-right:0.8em;}
.p-l-r4 { padding-left:0.3em; padding-right:0.3em}
.p-l-r5 { padding-left:0.625em;}
.p-l-r6 { padding:0.5em 1.6em;}
.p-all1{ padding:0.5em 0.8em;}
.p-all2{ padding:0.5em;}
.p-all3{ padding:0.7em 0.5em;}
.p-all4{ padding:1em 0.5em;}
.p-all5{ padding:0.8em;}
.p-all6{ padding:0.3em;}
.p-all7{ padding:0.1em;}
.p-all8{ padding:0.4em 0.8em;}
.p-all9{ padding:0.5em 0.8em 0.3em;}
.p-all10{ padding-right:2em;}
.uinn-a1{ padding:0.625em;}
.p-l{ padding-left:0.625em}
.p-l1{ padding-left:1em}
.p-r1{ padding-right:0.8em}
.m-top1 { margin-top:0.4em;}
.m-top2 { margin-top:0.3em;}
.m-top3 { margin-top:0.625em;}
.m-top4 { margin-top:0.2em;}
.m-top5 { margin-top:2.5em;}
.m-top6 { margin-top:5.5em;}
.m-top7 { margin-top:3em;}
.m-top8 { margin:auto; top:20%;}
.umar-t1 { margin-top: 0.8em;}
.m-btm1 { margin-bottom:0.625em;}
.m-btm2 { margin-bottom:0.225em;}
.m-btm3 { margin-bottom:0.325em; margin-top:0.325em;}
.m-btm4 { margin-bottom:0.5em;}
.m-btm5 { margin:0.5em 0 0.5em 2.625em;}
.umar-ar6{margin-right:0.46875em;}
.mar-ar1{margin-right:0.625em;}
.m-l1 { margin-left:0.8em;}
.m-l2 { margin-left:0.5em;}
.m-l3{ margin-left:0.3125em;}
.m-l4{ margin-left:2.2em;}
.m-t-b1 { margin-top:0.4em; margin-bottom:0.3em;}
.m-t-b2 { margin-top:0.5em; margin-bottom:0.4em;}
.m-l-r1 { margin:0 0.8em}
.m-l-r2 { margin:0 0.4em}
.m-l-r3 { margin:0 0.3em}
.m-all1 { margin:0.5em 2em;}
.m-all2 { margin:0.5em;}
.m-all3 { margin:0.825em 0.825em 0;}
.m-all4 { margin:0.4em 0.2em 0.5em;}
.m-all5 { margin:1.225em 0.825em 0;}


/*公共样式--字体颜色*/
.sc-text-hui { color:#a7a7a7}
.f-color-6 { color:#666666}
.f-color-zi { color:#3e3e3e }
.f-color-red { color:#dd2726 }
.f-color-5f { color:#5f5f5f}
.f-color-9d { color:#9d9d9d}
.sc-text-active1{ color:#98B8C9;}
.f-color-screen{ color:#2AA949;}
.text-bg1 {text-shadow: #cccccc 0.1em 0 1px;}
/*公共样式--字体大小*/
.ulev-5 {font-size: 0.525em !important;}
.ulev-9 {font-size: 0.9em !important;}
.ulev-1-4 {font-size: 1.4em !important;}
/*公共样式--字体样式*/
.f-line-through{ text-decoration:line-through}
/*公共样式--边框颜色*/
.border-hui { border-color:#D7D7D7}
.border-faxian { border-color:#f0efef}
.border-red { border-color:#d3201f}
.border-f2 { border-color:#f2f2f2}
.border-top { border-color:#B7B7B7}
.border-xu { border:dashed #ddd 1px}
/*公共样式--背景颜色*/
.bg-color { background-color:#f0f3f5;}
.bg-color-w { background-color:#FFFFFF;}
.bg-color-f2 { background-color:#f2f2f2;}
.bc-head1 { background-color:#dd2726}
.bc-grey { background-color:#f8f8f8}
.bc-grey1 { background-color:#757575}
.bc-grey2 { background-color:#CDCDCD}
.bc-grey3 { background-color:#e5e5e5}
.bc-yellow { background-color:#ff9c00}
.bc-yellow1 { background-color:#FFDD75}
.bc-blue { background-color:#5e6b85}
/*公共样式--固定宽高*/
.h-w-1 {height:1.1em; width:1.1em;}
.h-w-2 {height:1.7em; width:1.7em;}
.h-w-3 { width:0.8em; height:0.8em;}
.h-w-4 { width:5em; height:5em;}
.h-w-5 { width:1.3em; height:1.3em;}
.h-w-6 { width:1.4em; height:1.4em;}
.h-w-7 { width:4em; height:4em;}
.h-w-8 { width:0.5em; height:0.5em;}
.h-w-9 { width:6em; height:6em;}
.h-w-10 { width:3.5em; height:3.5em;}
.w-min1 { min-width:4em;}
.w-min2 { min-width:5em;}
.w-min3 { min-width:6.5em;}
.w-min4 { max-width:8.3em; min-width:8em;}
.w-min5 { width:33.3%;}
.h-min1 { min-height:3em;}
.h-min2 { min-height:5em;}
.h-1 { height:1em;}

.l-h-1 { height:3em; line-height:1.5em; overflow:hidden}
.l-h-2 { line-height:1.5em;}
.l-h-3 { line-height:1.5em; height:1.5em; overflow:hidden}

.text-change {
	word-wrap: break-word;
	line-height: 1em;
	display: block;
	overflow: hidden;
	word-break: keep-all;
	}
/*公共样式--定位*/
.p-fixed { position:fixed; z-index:100; top:0; left:0; width:100%;}
.p-fixed-btm { position:fixed; z-index:100; right:0; bottom:0; width:85%;}
.p-fixed-btm1 { position:fixed; z-index:100; right:0; bottom:0; width:100%;}
.yy-top {box-shadow:#E4E1E1 0 -0.2em 0.5em;}

/*弹出层*/
.index-attr {background-color:#fff; top:20%; margin:0 10%; border-radius:0.2em;}

.goods-img img { display:block; width:100%;}
.text-b1 { border:0; width:2em; height:1.7em; text-align:center; display:block}
.uinput1 {}
.uinput1 input {
	margin: 0px;
	border: 0px;
	height: 100%;
	-webkit-appearance: none;
	padding: 0.3em 1em;
	line-height: 1.5em;
	background: none;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	text-align: center;
	background-color:#FFFFFF;
}

.cart-box { margin-bottom:0.2em;}
.cart-box:last-child { margin-bottom:0}
/*按钮*/
.btn-red-1 { border:1px solid #e35353; padding:0.5em 0.7em; border-radius:2.75em; text-align:center; color:#e35353}
.btn-red-2 { border:1px solid #e35353; padding:0.3em 1em; border-radius:0.2em; text-align:center; color:#e35353;}
.btn-gray-2 { border:1px solid #CDCDCD; padding:0.3em 1em; border-radius:0.2em; text-align:center; color:#CDCDCD;}
.btn-red-3 { border:1px solid #dd2726; background:#dd2726; padding:0.4em 1em; border-radius:0.2em; text-align:center; color:#fff;}
.btn-red-4 { border:1px solid #e35353; padding:0.3em 1em; border-radius:2.75em; text-align:center; color:#FFFFFF; background-color:#dd2726}
.btn-red1 { background:#dd2726; color:#FFFFFF; font-size:0.9em; padding:0.8em 2em;}
.btn-w1{ text-align:center; border:1px #C7C2C2 solid; padding:0.2em 1em; border-radius:0.2em}
.btn-w2{ text-align:center; border:1px #D7D7D7 solid; padding:0.5em 1em; border-radius:0.2em; font-size:0.825em; color:#666666}
.btn-w2-red{ text-align:center; border:1px #e35353 solid; padding:0.5em 1em; border-radius:0.2em; color:#e35353;font-size:0.825em;}
.btn-fff{ text-align:center; border:1px #FFF solid; padding:0.2em 1em; border-radius:0.2em; color:#FFF; font-size:0.825em}
.switch-btn-js{width: 1em; height:1em;}
.switch-js{min-width: 2.5em; min-height:1em;}
.btn-screen-1 { border:1px solid #2AA949; padding:0.3em 1em; border-radius:0.2em; text-align:center; color:#2AA949;}
.into-app {border: 1px solid #dd2726;
background: #dd2726;
padding: 0.6em 2em;
border-radius: 0.2em;
text-align: center;
color: #fff;}
/*公共小图标*/
.pro_time { width:1.2em; height:1.2em; background-image:url(../img/icons/pro_icon.png); margin-right:0.2em}
.shop_icon { background-image:url(../img/icons/store-enter.png)}
.gouwuche { background-image:url(../img/icons/cart-32.png)}
.line-th { background:url(../img/line-th.png) repeat-x center center;}
.jiantou-down { background-image:url(../img/icons/jiantou-down.png)}
.jiantou-right { background-image:url(../img/icons/icon-right.png)}
.souso { background-image:url(../img/icons/souso.png)}
.address-icon { background-image:url(../img/icons/address-icon.png)}
.redio-off { background-image:url(../img/icons/cbx1.png)}
.redio-on { background-image:url(../img/icons/cbx2.png)}
.redio-on-ff { background-image:url(../img/icons/cbx2-fff.png)}
.search-icon1 {background-image: url(../img/icons/search.png);}
.search-icon2 {background-image: url(../img/icons/del.png);}
.duihuak {background-image: url(../img/icons/icons-duihua.png); width:2.4em; height:1.4em;}
.input-del {background-image: url(../img/icons/input-del.png);}
.input-eye-on {background-image: url(../img/icons/input-eye-on.png);}
.input-eye-off {background-image: url(../img/icons/input-eye-off.png);}
.history-icon {background-image: url(../img/icons/history.png);}
.cart-add {background-image: url(../img/icons/cart-add.png);}
.user-del {background-image: url(../img/icons/user-del.png);}
.shop-duihua {background-image: url(../img/icons/shop-duihua.png);}
.hook {background-image: url(../img/hook.png);}
.like-icon {background-image: url(../img/icons/like-icon.png);}
.like-icon-on {background-image: url(../img/icons/atteition_bg_on.png);}
.edit-blue {background-image: url(../img/icons/edit-blue.png);}
.shop-icon {background-image: url(../img/shop-icon.png);}
.icon-phone {background-image: url(../img/icons/icon-phone.png); background-repeat:no-repeat; background-size:1.4em; background-position:left center}
.order-list {background-image: url(../img/icons/order-list.png);}
.logistics {background-image: url(../img/icons/logistics.png);}

/*tab公共样式*/
.cat_type{  padding:0.7em 1em;}
.cat_type.selected {border-bottom:1px #DD2727 solid;color:#DD2727}
/*底部上拉样式*/
.btm-up {background-color:#fff;width:100%;}
/*页面无内容提醒*/
.no-con { text-align:center; color:#999; font-size:0.9em; padding-top:5em}
/*属性弹出框样式*/
.into-cart .shuxing div{ border:1px solid #cccccc; border-radius:0.3em; height:2.3em; line-height:2.3em; padding:0 1em; color:#696969; font-size:0.8em; margin-right:0.5em; float:left; margin-top:0.5em}
.into-cart .shuxing div.curr { border:1px solid #dd2727; color:#FFFFFF; background-color:#dd2727}
.into-cart .shuxing .selected {
                border: 1px solid #dd2726;
				background:#dd2726;
				color:#FFFFFF;
            }

            .into-cart .shuxing .disabled {
                border: 1px dashed #eee;
				background:#CCC
            }

            .swiper-slide img {
                width: 100%;
            }
.into-cart .shuxing .img-xc {width:2.2em; height:2.2em; margin-right:0.2em; float:left;}
/*头部弹出切换对话框*/
#pop_menu{
	width: 6em;
	position: absolute;
	background: rgba(51,51,51,.90);
	left: -0.6em;
	top: 1.7em;
	text-align: left;
	z-index: 999;
	border-radius: 0.2em;
	color: #EEEEEE;
}
#small_angel{
	font-size: 0.9em;
	position: absolute;
	top: -0.3em;
	left: 0.8em;
	border-left: 0.4em solid transparent;
	border-right: 0.4em solid transparent;
	border-bottom: 0.4em solid rgba(51,51,51,.90);
	z-index: 999;
}
#pop_menu1{
	width: 6em;
	position: absolute;
	background: rgba(51,51,51,.90);
	right: 0.2em;
	top: 2.5em;
	text-align: left;
	z-index: 999;
	border-radius: 0.2em;
	color: #EEEEEE;
}
#small_angel1{
	font-size: 0.9em;
	position: absolute;
	top: -0.3em;
	right: 1.2em;
	border-left: 0.4em solid transparent;
	border-right: 0.4em solid transparent;
	border-bottom: 0.4em solid rgba(51,51,51,.90);
	z-index: 999;
}

#small_angel + ul li,#small_angel1 + ul li{
	font-size: 0.8em;
	border-bottom: 1px solid #767676;
	background-position: 0.8em center;
	background-repeat: no-repeat;
	background-size: 1.4em;
	text-indent: 2.6em;
	height: 3em;
	line-height: 3em;
}
#small_angel + ul li:last-child,#small_angel1 + ul li:last-child { border-bottom:0}
#pop_menu #select_shop{
background-image: url(../img/icons/top-f-icons1.png);	
}
#pop_menu #select_goods{
background-image: url(../img/icons/top-f-icons2.png);	
}
#pop_menu1 #select_index{
background-image: url(../img/icons/top-f-icons3.png);	
}
#pop_menu1 #select_cty{
background-image: url(../img/icons/top-f-icons4.png);	
}
#pop_menu1 #select_cart{
background-image: url(../img/icons/top-f-icons5.png);	
}
#pop_menu1 #select_user{
background-image: url(../img/icons/top-f-icons6.png);	
}
.cover_div { height:100%; width:100%; background: rgba(51,51,51,.10); position:fixed; top:0; left:0; z-index:20}

/*checbox按钮*/
label {
	display: inline;
}

.checkbox {
	display: none;
}

.checkbox + label {
	border: 1px solid #a1a1a1;
	padding: 0.5em;
	border-radius: 2.75em;
	display: block;
}

.checkbox + label:active, .checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checkbox:checked + label {
	border: 1px solid #dd2727;
	color: #FFFFFF;
	background:url(../img/icons/icon-ok.png) no-repeat center center #dd2727;
	background-size:0.8em;
}

.checkbox:checked + label:after {
	background:url(../img/icons/icon-ok.png) no-repeat center center;
	background-size:0.8em;	
}

/*radio按钮*/

.regular-radio {
	display: none;
}
.regular-radio + label {
	-webkit-appearance: none;
	width: 1.4em;
	height: 1.4em;
	background:url(../img/icons/radio-off.png) no-repeat center center;
	background-size:1.3em;
	display:inline-block;
	margin-right:0.4em
}
.regular-radio:checked + label:after {
	content: ' ';
	width: 1.4em;
	height: 1.4em;
	background:url(../img/icons/radio-on.png) no-repeat center center;
	background-size:1.3em;
	display:inline-block;
}

#scroll_indicator{
    position: relative;
    bottom: 0px;
    background-image: url('../img/ajax-loading2.gif');
    background-position: center center;
    height: 3em;
    background-repeat: no-repeat;
    background-size: contain;
}
#scroll_indicator.disabled{
    height: 3em;
    color: #999999;
	background-image:none;
	text-align: center;
	font-size: 0.8em;
	padding-top:1em;
}

#ajax_loading
{
    opacity:0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0.1,0.1);
    -moz-transform: scale(0.1,0.1);
    -ms-transform: scale(0.1,0.1);
    -o-transform: scale(0.1,0.1);
    transform: scale(0.1,0.1);
}
#ajax_message{
    height: 1em;
    width:100%;
    line-height:1em;
    text-align:center;
    position: absolute;
    top: 75%;
    color: #999999;
}
/* animate out */
#ajax_loading.start{
    opacity:1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

._fold .fold_indicator:before{
    content:"\f105";
}

._fold.expand .fold_indicator:before{
    content:"\f107";
}
/*下拉框公共样式*/
.styled-select select {
background: transparent;
padding: 0.6em 2.3em 0.6em 0.3em;
font-size: 0.9em;
border: 1px solid #ccc;
-webkit-appearance: none;
border-radius: 0.2em;
color: #999999; margin:0.3em 0.5em 0.3em 0;
overflow: hidden;
background: url(../img/icons/select-down.png) no-repeat 93% center #FFFFFF;
background-size:0.9em;
}
@keyframes fade_in
{
    0% {opacity:0;}
    50% {opacity: 0.3;}
    100% {opacity:1;}
}

@-moz-keyframes fade_in /* Firefox */
{
    0% {opacity:0;}
    50% {opacity: 0.3;}
    100% {opacity:1;}
}

@-webkit-keyframes fade_in /* Safari and Chrome */
{
    0% {opacity:0;}
    50% {opacity: 0.3;}
    100% {opacity:1;}
}

@-o-keyframes fade_in /* Opera */
{
    0% {opacity:0;}
    50% {opacity: 0.3;}
    100% {opacity:1;}
}

.content_fade_in{
    animation:fade_in 0.2s 1;
    -moz-animation:fade_in 0.2s 1; /* Firefox */
    -webkit-animation:fade_in 0.2s 1; /* Safari and Chrome */
    -o-animation:fade_in 0.2s 1; /* Opera */
}

@keyframes fade_out
{
    0% {opacity:1;}
    50% {opacity: 0.3;}
    100% {opacity:0;}
}

@-moz-keyframes fade_out /* Firefox */
{
    0% {opacity:1;}
    50% {opacity: 0.3;}
    100% {opacity:0;}
}

@-webkit-keyframes fade_out /* Safari and Chrome */
{
    0% {opacity:1;}
    50% {opacity: 0.3;}
    100% {opacity:0;}
}

@-o-keyframes fade_out /* Opera */
{
    0% {opacity:1;}
    50% {opacity: 0.3;}
    100% {opacity:0;}
}

.content_fade_out{
    animation:fade_out 0.2s 1;
    -moz-animation:fade_out 0.2s 1; /* Firefox */
    -webkit-animation:fade_out 0.2s 1; /* Safari and Chrome */
    -o-animation:fade_out 0.2s 1; /* Opera */
}
.disabled{
    color: #CDCDCD;
}
.offline{
    background-color: #ecf0f1;
    width: 100%;
    height: 100%;
}
.offline_bg{
    background-image: url('../img/offline.png');
    background-repeat:no-repeat;
    background-position:center center;
    width: 100%;
    height: 80%;
}
.offline_label{
    color: #a9b7b7;
    width: 100%;
    height:20%;
    text-align:center;
}
#new_tag_container .comment-input{ border:1px #eee solid; display:block;}

.spinner {
  width:1.1em;
  height:3.3em;
  right: 50%;
  bottom:50%;
  -webkit-transform: translate(50%, 50%);
  position: absolute;
}

.spinner-container > div{
  width: 0.3em;
  height: 0.3em;
  background-color: #DD2726;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 2.4s infinite ease-in-out;
  animation: bouncedelay 2.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width:100%;
  height:100%;
}

.container2 {
  -webkit-transform: rotateZ(60deg);
  transform: rotateZ(60deg);
}

.container3 {
  -webkit-transform: rotateZ(120deg);
  transform: rotateZ(120deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container1 .circle1 {
  -webkit-animation-delay: -2.4s;
  animation-delay: -2.4s;
}

.container1 .circle2 {
  -webkit-animation-delay: -2.2s;
  animation-delay: -2.2s;
}

.container2 .circle1 {
  -webkit-animation-delay: -2.0s;
  animation-delay: -2.0s;
}

.container2 .circle2 {
  -webkit-animation-delay: -1.8s;
  animation-delay: -1.8s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.6s;
  animation-delay: -1.6s;
}

.container3 .circle2 {
  -webkit-animation-delay: -1.4s;
  animation-delay: -1.4s;
}

.container1 .circle3 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.container1 .circle4 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container3 .circle4{
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
